<!--<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">-->
<!--<html xmlns="http://www.w3.org/1999/xhtml">-->
<!--<head>-->
<!--    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>-->
<!--    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">-->
<!--    <meta name="viewport" content="width=device-width, initial-scale=1">-->
<!--    <title>蓉车宝</title>-->
<!--    <link rel="stylesheet" type="text/css" href="css/base.css"/>-->
<!--    <link rel="stylesheet" type="text/css" href="css/home.css"/>-->
<!--    <link rel="stylesheet" type="text/css" href="city/city.css">-->
<!--    <link rel="stylesheet" type="text/css" href="js/shoppingCar.css">-->
<!--    <script type="text/javascript" src="script/jquery-1.8.0.min.js"></script>-->
<!--    <script type="text/javascript" src="script/home_ban.js"></script>-->
<!--    <script type="text/javascript" src="script/eg_top_search.js"></script>-->
<!--    <script type="text/javascript" src="script/city.js"></script>-->
<!--    <script type="text/javascript" src="script/snncar.js"></script>-->
<!--    <script type="text/javascript" src="script/jquery.SuperSlide.2.1.1.js"></script>-->

<!--    &lt;!&ndash;导航登陆网页版下拉&ndash;&gt;-->
<!--    <script type="text/javascript">-->
<!--        $(function () {-->
<!--            var setTime;-->
<!--            $(".egc-top .nav-cent .operate").hover(function () {-->
<!--                var _this = $(this);-->
<!--                setTime = setTimeout(function () {-->
<!--                    _this.find(".sec-version").slideDown(200);-->
<!--                    _this.find("i").removeClass("icon-angle-down").addClass("icon-angle-up");-->
<!--                }, 200);-->
<!--            }, function () {-->
<!--                if (setTime) {-->
<!--                    clearTimeout(setTime);-->
<!--                }-->
<!--                $(".egc-top .nav-cent .sec-version").slideUp(200);-->
<!--                $(".egc-top .nav-cent .operate i").removeClass("icon-angle-up").addClass("icon-angle-down");-->
<!--            });-->
<!--        });-->
<!--    </script>-->

<!--    &lt;!&ndash;下拉导航关闭&ndash;&gt;-->
<!--    <script type="text/javascript">-->
<!--        $(function () {-->
<!--            $('.menu-mb i').click(function () {-->
<!--                $(".navigation-mb-list").slideDown(300);-->
<!--            });-->
<!--            $('.navigation-mb-list .list-close-btn').click(function () {-->
<!--                $(".navigation-mb-list").slideUp(300);-->
<!--            });-->
<!--        });-->
<!--    </script>-->

<!--    <script type="text/javascript">-->
<!--        $(function () {-->
<!--            var scroll_heitht = $('body').offset().top;-->
<!--            var isShow = true;-->
<!--            $(window).scroll(function () {-->
<!--                if ($(window).scrollTop() > scroll_heitht && isShow) {-->
<!--                    $('.stress-search-box').slideDown(200);-->
<!--                } else {-->
<!--                    $('.stress-search-box').slideUp(200);-->
<!--                }-->
<!--            });-->
<!--            $('.stress-close a').click(function () {-->
<!--                isShow = false;-->
<!--                $('.stress-search-box').slideUp(200).unbind(window, aa);-->
<!--            });-->
<!--        });-->
<!--    </script>-->
<!--</head>-->
<!--<body>-->
<!--<div id="userDiv">-->
<!--    <div class="egc-top">-->
<!--        <div class="nav-cent">-->
<!--            <div class="top-r">-->
<!--          <span id="noLoginSpan">-->
<!--            <a href="javascript:void(0)" id="b-regist">注册</a>-->
<!--            |-->
<!--            <a href="#" id="b-login" class="b-login">登陆</a>-->
<!--            |-->
<!--             <a href="https://open.weixin.qq.com/connect/qrconnect?appid=wx03bd86056bd3fc0e&redirect_uri=http://wx.rongcarservice.com/callback.html&response_type=code&scope=snsapi_login&state=123456#wechat_redirect"-->
<!--                id="b-wx-login">微信登陆</a>-->
<!--            |-->
<!--            <a href="/shoppingCar.html">购物车</a>-->
<!--          </span>-->
<!--          <span id="loginSpan" style="display: none;">-->

<!--              <a href="#" id="b-logout" class="b-login">登出</a>-->
<!--          </span>-->
<!--            </div>-->
<!--            <div class="top-l">全国统一客服热线：XXX</div>-->
<!--            <div class="clear_fix"></div>-->
<!--        </div>-->
<!--    </div>-->
<!--    <div class="w">-->
<!--        <div class="cart-filter-bar" style="color: red;font-weight: bold;font-size: 16px;">-->
<!--            <ul class="switch-cart">-->
<!--                <li class="switch-cart-item">-->
<!--                    <a href="#none" style="color: red;"><em>全部商品</em>-->
<!--                        <span class="number" style="margin-left: 10px;">5</span>-->
<!--                    </a>-->
<!--                </li>-->
<!--            </ul>-->
<!--        </div>-->
<!--        <div class="clr"></div>-->
<!--        <div class="cart-thead" >-->
<!--            <div class="column t-checkbox">-->
<!--                <div class="cart-checkbox" >-->
<!--                    <input type="checkbox" name="select-all" v-model="cartSel" class="jdcheckbox"-->
<!--                           clstag="pageclick|keycount|Shopcart_CheckAll|0">-->
<!--                </div>-->
<!--                全选-->
<!--            </div>-->
<!--            <div class="column t-goods">商品</div>-->
<!--            <div class="column t-props">&nbsp;</div>-->
<!--            <div class="column t-price">单价</div>-->
<!--            <div class="column t-quantity">数量</div>-->
<!--            <div class="column t-sum">小计</div>-->
<!--            <div class="column t-action">操作</div>-->
<!--        </div>-->
<!--        <div class="cart-tbody">-->
<!--            <div class="shop">-->
<!--                <div class="cart-checkbox">-->
<!--                    <input type="checkbox" name="checkShop" class="jdcheckbox"-->
<!--                           clstag="pageclick|keycount|Shopcart_CheckShop|1_10907465" checked="">-->
<!--                </div>-->
<!--                <span class="shop-txt">-->
<!--                    <a href="//mall.jd.com/index-10662258.html" class="shop-name" target="_blank"-->
<!--                                        rel="noreferrer" data-vendorid="10907465"-->
<!--                                        clstag="pageclick|keycount|Shopcart_Shopid|10907465">-->
<!--                        <i class="vendor-icon undefined" title="">-->
<!--                        </i>宝马旗舰店-->
<!--                    </a>-->
<!--                    <i class="ml5 btn-im"></i>-->
<!--                </span>-->
<!--            </div>-->
<!--            <div v-for="cart in carList">-->
<!--            <div class="item-list">-->
<!--                <div class="item-combine">-->
<!--                    <div class="item-item item-seleted" id="10033665972623" data-sku="10033665972623"-->
<!--                         data-ts="1681211004188" data-skuuuid="F1yA4r1202690684881702912">-->
<!--                        <div class="item-form">-->
<!--                            <div class="cell p-checkbox">-->
<!--                                <div class="cart-checkbox">-->
<!--                                    <input type="checkbox" name="checkItem" class="jdcheckbox"-->
<!--                                           clstag="pageclick|keycount|Shopcart_CheckProd|1_10033665972623"-->
<!--                                           checked="">-->
<!--                                    <span class="line-circle"></span>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            <div class="cell p-goods">-->
<!--                                <div class="goods-item">-->
<!--                                    <div class="p-img ">-->
<!--                                        &lt;!&ndash;图片&ndash;&gt;-->
<!--                                        <img :src="cart.carImg" style="width: 170px" height="100px" >-->
<!--                                    </div>-->
<!--                                    <div class="p-msg">-->
<!--                                        <div class="p-name">-->
<!--                                            9-->
<!--                                            <a href="" target="_blank" rel="noreferrer" title="{{}}"-->
<!--                                                 clstag="pageclick|keycount|Shopcart_Productid|10033665972623_9">-->
<!--                                                <i class="product-icon " title=""></i>-->

<!--                                            </a>-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            <div class="cell p-props">-->
<!--                                <div class="props-txt"><span class="">{{cart.car.title}}</span></div>-->
<!--                            </div>-->
<!--                            <div class="cell p-price">-->
<!--                                <span class="p-price-cont">{{cart.price*0.0001}}万</span>-->
<!--                            </div>-->
<!--                            <div class="cell p-quantity" style="margin-left:63px;">-->
<!--                                <div class="cart-number quantity ">-->
<!--                                    <button :disabled="quantity <= 1" class="cart-number-dec is-disabled">-->
<!--                                        <i class="cart-icon-subt" @click="rednum(cart)">-</i>-->
<!--                                    </button>-->
<!--                                    <div class="cart-input">-->
<!--&lt;!&ndash;                                        <input class="cart-input-o" v-model="cart.num">&ndash;&gt;-->
<!--                                        <input class="cart-input-o" v-model="cart.num">-->
<!--                                    </div>-->
<!--                                    <button class="cart-number-inc">-->
<!--                                        <i class="cart-icon-add" @click="addnum(cart)">+</i>-->

<!--                                    </button>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            <div class="cell p-sum"><strong>{{cart.price}}</strong></div>-->
<!--                            <div class="cell p-ops" style="margin-left: 34px;">-->
<!--                                <a href="#none" class="p-ops-item" clstag="pageclick|keycount|Shopcart_Delete|10033665972623" @click="cartdelete(cart.id)">删除</a>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        <div class="product-extra mb10"></div>-->
<!--                        <div class="item-line"></div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--        </div>-->

<!--&lt;!&ndash;  测试&ndash;&gt;-->
<!--&lt;!&ndash;        <template>&ndash;&gt;-->
<!--&lt;!&ndash;            <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">全选</el-checkbox>&ndash;&gt;-->
<!--&lt;!&ndash;            <div style="margin: 15px 0;"></div>&ndash;&gt;-->
<!--&lt;!&ndash;            <el-checkbox-group v-model="checkedCities" @change="handleCheckedCitiesChange">&ndash;&gt;-->
<!--&lt;!&ndash;                <el-checkbox v-for="city in cities" :label="city" :key="city">{{city}}</el-checkbox>&ndash;&gt;-->
<!--&lt;!&ndash;            </el-checkbox-group>&ndash;&gt;-->
<!--&lt;!&ndash;        </template>&ndash;&gt;-->
<!--&lt;!&ndash;&ndash;&gt;-->






<!--        <div>-->
<!--            <div>-->
<!--                <div style="padding-bottom: 52px;"></div>-->
<!--                <div class="cart-floatbar cart-floatbar-fixed"-->
<!--                     style="position: fixed; transform: translateZ(0px); top: auto; bottom: 0px;">-->
<!--                    <div class="cart-floatbar">-->
<!--                        <div class="cart-toolbar">-->
<!--                            <div class="toolbar-wrap"><input type="hidden" id="checkedCartState" value="1">-->
<!--                                <div class="selected-item-list hide" style="display: none;"></div>-->
<!--                                <div class="options-box">-->
<!--                                    <div class="left">-->
<!--                                        <div class="select-all"><input type="checkbox" class="jdcheckbox"-->
<!--                                                                       clstag="pageclick|keycount|Shopcart_CheckAll|0">全选-->
<!--                                        </div>-->
<!--                                        <div class="operation"><a href="#none" class="opt-batch-remove">删除选中的商品</a>-->
<!--                                            <a href="#none" class="opt-batch-follow">移入关注</a>-->
<!--                                            <a href="#none" class="opt-cleaner" title="亲，点我可快速清空购物车商品哦！">-->
<!--                                                <strong>清空购物车</strong>-->
<!--                                            </a>-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                    <div class="right">-->
<!--                                        <div class="combine">-->
<!--                                            <div class="btn-area"><a class="common-submit-btn" href="#none"-->
<!--                                                                     clstag="pageclick|keycount|Shopcart_Pay|0">去结算<b></b></a>-->
<!--                                            </div>-->
<!--                                            <div class="price-sum">-->
<!--                                                <div>-->
<!--                                                    <div class="price-sum-amout">-->
<!--                                                        <div class="price-show"><span class="txt">总价：</span><span-->
<!--                                                                class="price priceShow"><em>￥6.15</em></span><b-->
<!--                                                                class="ml5 price-tips"></b>-->
<!--                                                            <div class="price-tipsbox-new">-->
<!--                                                                <div class="ui-tips-main">不含运费及送装服务费</div>-->
<!--                                                                <span class="price-tipsbox-arrow"></span></div>-->
<!--                                                        </div>-->
<!--                                                        <span class="amount-sum">已选择<em>1</em>件商品<b-->
<!--                                                                class="up"></b></span></div>-->
<!--                                                    <div class="price-sum-extra"></div>-->
<!--                                                </div>-->
<!--                                            </div>-->
<!--                                            <div class="clr"></div>-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="clr"></div>-->
<!--    </div>-->
<!--</div>-->



<!--</body>-->

<!--&lt;!&ndash;引入vue和Axios.js 先导入vue  再导入axios &ndash;&gt;-->
<!--<script type="text/javascript" src="js/vue/dist/vue.min.js"></script>-->
<!--<script type="text/javascript" src="js/vue/dist/vue.js"></script>-->
<!--<script type="text/javascript" src="js/axios/dist/axios.js"></script>-->
<!--<script type="text/javascript" src="js/commons.js"></script>-->
<!--&lt;!&ndash;import { ElCheckbox, ElCheckboxGroup } from 'element-plus';&ndash;&gt;-->




<!--&lt;!&ndash;&ndash;&gt;-->

<!--&lt;!&ndash;<script>&ndash;&gt;-->
<!--&lt;!&ndash;    const cityOptions = ['上海', '北京', '广州', '深圳'];&ndash;&gt;-->
<!--&lt;!&ndash;    export default {&ndash;&gt;-->
<!--&lt;!&ndash;        data() {&ndash;&gt;-->
<!--&lt;!&ndash;            return {&ndash;&gt;-->
<!--&lt;!&ndash;                checkAll: false,&ndash;&gt;-->
<!--&lt;!&ndash;                checkedCities: ['上海', '北京'],&ndash;&gt;-->
<!--&lt;!&ndash;                cities: cityOptions,&ndash;&gt;-->
<!--&lt;!&ndash;                isIndeterminate: true&ndash;&gt;-->
<!--&lt;!&ndash;            };&ndash;&gt;-->
<!--&lt;!&ndash;        },&ndash;&gt;-->
<!--&lt;!&ndash;        methods: {&ndash;&gt;-->
<!--&lt;!&ndash;            handleCheckAllChange(val) {&ndash;&gt;-->
<!--&lt;!&ndash;                this.checkedCities = val ? cityOptions : [];&ndash;&gt;-->
<!--&lt;!&ndash;                this.isIndeterminate = false;&ndash;&gt;-->
<!--&lt;!&ndash;            },&ndash;&gt;-->
<!--&lt;!&ndash;            handleCheckedCitiesChange(value) {&ndash;&gt;-->
<!--&lt;!&ndash;                let checkedCount = value.length;&ndash;&gt;-->
<!--&lt;!&ndash;                this.checkAll = checkedCount === this.cities.length;&ndash;&gt;-->
<!--&lt;!&ndash;                this.isIndeterminate = checkedCount > 0 && checkedCount < this.cities.length;&ndash;&gt;-->
<!--&lt;!&ndash;            }&ndash;&gt;-->
<!--&lt;!&ndash;        }&ndash;&gt;-->
<!--&lt;!&ndash;    };&ndash;&gt;-->
<!--&lt;!&ndash;</script>&ndash;&gt;-->

<!--&lt;!&ndash;&ndash;&gt;-->

<!--<script>-->
<!--    new Vue({-->
<!--        el:"#userDiv",-->
<!--        data:{-->

<!--            carList:[],-->
<!--            cartSel:[],-->
<!--            quantity:1,-->
<!--            getForm:{-->

<!--            },-->

<!--        },-->
<!--        methods:{-->
<!--            //添加数量-->
<!--            addnum(cart){-->
<!--                console.log(cart)-->
<!--                this.getshopList();-->
<!--                this.updateCart(cart);-->
<!--                // this.getshopList();-->
<!--            },-->
<!--            //减少数量-->
<!--            rednum(cart) {-->
<!--                if (cart.num > 1) {-->
<!--                    this.getshopList();-->
<!--                    this.reduce(cart);-->
<!--                }-->
<!--            },-->


<!--            // rednum(cart){-->
<!--            //   if (this.quantity >1){-->
<!--            //       this.quantity -=1;-->
<!--            //   }-->
<!--            //     // 避免数量为负数，保持最小值为 1-->
<!--            //   // this.quantity=1-->
<!--            // },-->
<!--            //  +-->
<!--            updateCart(cart){-->
<!--                this.$http.post('cart/num/', cart).then(res => {-->
<!--                    this.getshopList();-->
<!--                    })-->
<!--                this.getshopList();-->
<!--            },-->
<!--            // - -->
<!--            reduce(cart){-->
<!--                // if (cart.num !=0){-->
<!--                    this.$http.post('cart/reducenum/', cart).then(res => {-->
<!--                        this.getshopList();-->
<!--                    })-->
<!--                // }else {-->
<!--                    this.errMsg("亲！至少选择一个商品哦")-->
<!--                // }-->


<!--            },-->

<!--            getshopList(){-->
<!--                let str = JSON.stringify(data)-->
<!--                this.$http.get("/cart")-->
<!--                    .then(res =>{-->
<!--                        res = res.data-->
<!--                        this.carList = res.data-->
<!--                        // console.log("返回数据2",res.data)-->
<!--                        // console.log(this.carList,"99999999999")-->
<!--                    })-->
<!--            },-->
<!--            //删除-->
<!--            cartdelete(id){-->
<!--                console.log(id,"hhhhhh")-->
<!--                this.$http.delete("/cart/"+id).then(res =>{-->
<!--                    res = res.data-->
<!--                    if (res.success){-->
<!--                        alert("删除成功")-->
<!--                        this.getshopList()-->
<!--                    }else {-->
<!--                       alert("错误")-->
<!--                    }-->
<!--                })-->
<!--            },-->

<!--        },-->
<!--        mounted(){-->
<!--            this.getshopList();-->
<!--        },-->
<!--    });-->
<!--</script>-->
<!--</html>-->
